

.pageWrapper {
  background-color: #F9FAFB;
  min-height: 100vh;
}

.formInputFocus:focus {
  outline: none;
  border-color: #3B82F6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}

.registerCard {
  background: white;
  border-radius: 1rem;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.registerButton {
  background: #3B82F6;
  color: white;
  border: none;
  border-radius: 0.5rem;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.registerButton:hover:not(:disabled) {
  background: #2563EB;
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.registerButton:disabled {
  background: #9CA3AF;
  cursor: not-allowed;
  transform: none;
}

.verificationButton {
  background: #3B82F6;
  color: white;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  transition: all 0.2s ease;
}

.verificationButton:hover:not(:disabled) {
  background: #2563EB;
}

.verificationButton:disabled {
  background: #9CA3AF;
  cursor: not-allowed;
}

.errorMessage {
  color: #EF4444;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.successMessage {
  color: #22C55E;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

